可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。示例：

在Vue的第一个步进器案例中，已经用到了事件处理。监听事件也叫绑定事件，一般都用简写语法的。

v-on:click 简写为 @click

如果事件处理函数不需要传参，()可省略。

许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。

步进器实现案例中，我们已经使用了不带参数的事件处理方法，如果事件处理方法不需要传参，则后面的()可省略。将步进器案例中的事件处理方法修改为带参数的，也时可以的，参考代码如下：

DOM中事件对象总是作为事件处理函数的第一个参数值默认传入的。如果事件处理函数不需要传入实参值时，则事件对象event也是作为事件处理函数第一个参数值自动传入，在函数定义时，用一个形参e，就可接住实参。

Vue中对事件对象的传参同DOM是一样的，也是作为事件处理函数第一个参数值自动传入的。

如果既想传入自定义实参值，又想获得事件对象，则可以这样处理：

借助 $ event 关键字: vue框架内部内置的专门指向事件对象的关键词。用$event等效于用事件对象e。

调用函数时，可将$event和其他实参值一起传入函数中。

定义函数时，可用普通的形参变量接住$event的值。

案例-鼠标点击页面上的不同区域，控制台显示点击的区域及位置信息，实现代码参考如下：